import { Card, Typography, List, Button } from 'antd'

const { Text, Paragraph } = Typography

const Index = () => {
  return (
    <Card
      style={{ height: '100%', display: 'flex', flexDirection: 'column' }}
      title="通知公告"
      extra={<Button type="link">更多</Button>}
    >
      <List>
        <List.Item actions={[<Button type="link">查看</Button>]}>
          <List.Item.Meta description={'今天 16:54'} title={<Text>通知公告</Text>} />
          <div style={{ width: 120 }}>
            <Paragraph ellipsis={{ rows: 1 }}>禁烟区卫生环境清扫禁烟区卫生环境清扫禁烟区卫生环境清扫</Paragraph>
          </div>
        </List.Item>
        <List.Item actions={[<Button type="link">查看</Button>]}>
          <List.Item.Meta description={'今天 16:54'} title={<Text>消防宣传</Text>} />
          <div style={{ width: 120 }}>
            <Paragraph ellipsis>春节期间防火宣传</Paragraph>
          </div>
        </List.Item>
        <List.Item actions={[<Button type="link">查看</Button>]}>
          <List.Item.Meta description={'今天 16:54'} title={<Text>消防宣传</Text>} />
          <div style={{ width: 120 }}>
            <Paragraph ellipsis>火灾危险防范宣传</Paragraph>
          </div>
        </List.Item>
        <List.Item actions={[<Button type="link">查看</Button>]}>
          <List.Item.Meta description={'今天 16:54'} title={<Text>通知公告</Text>} />
          <div style={{ width: 120 }}>
            <Paragraph ellipsis>隐患自查通知</Paragraph>
          </div>
        </List.Item>
      </List>
    </Card>
  )
}

export default Index
